/*
Theme Name: Ironman.no theme
Theme URI: http://www.gersh.no
Description: Theme developed by gersh.no for Ironman.no.
Version: 0.9 beta
Author: Gerhard Sletten

*/

/* = reset css
-----------------------------------------------------------------------------*/

/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: inherit;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

/*
Colors:
Blue (main)	#0f1f3f
Dark blue	#354242
Light blue	#a7c8d4
Red (main)	#ae1800
Lght yllw	#FFFFB3
Brown		#5B3E1C
Green		#73BE1E

*/

/* =Layout (Global)
-----------------------------------------------------------------------------*/

* html {height: 1%; }

body {
	font: 13px arial, helvetica, sans-serif;
	line-height: 130%;
	color:#333;
	background: #fff;
}
/* Center position of page-objects */

#extended_header, #banner .page, #content_wrap {
	padding: 0 5%;
	
}
#content_wrap {
	margin: 0 0 25px 0;
	position:relative;
	z-index: 0;
	background: url(images/gray_grad.gif) repeat-x;
	border-top: 2px solid #fff;
	padding-top: 15px;
	*height: 1%;
}
#banner {
	background: #0f1f3f;
	color: #fff;
	padding-top: 20px;
	padding-bottom: 20px;
clear: both;
}
#banner h1 {
color: #00A0C6;;
}
#banner .page {
	overflow: hidden;
	*height: 1%;
}
#banner .page *:first-child, #primary *:first-child {
	margin-top: 0;
}
#primary {
	margin-right: 300px;
	min-height: 500px;
	border-top: 0px solid #ddd;
} 

#primary.extended {
	margin-right: 0px;
}

#secondary {
	position: absolute;
	top: 15px;
	right: 5%;
	width:230px;
	padding: 5px;
	border: 1px solid #ddd;
	background: #eee;
}

#footer {
	clear:both;
	overflow: hidden;
	background: #eee;
	padding: 10px 0px 15px;
	border-top: 1px solid #ccc;
	*height: 1%;
}
#footer p {
	text-align: center;
	font-size: 11px;
}
#footer a {
}

/* =Header
-----------------------------------------------------------------------------*/

#extended_header {
	height:auto;
*height: 1%;
	background: #ae1800 url(images/bg_header.gif) repeat-x;
	border-top: 1px solid #0f1f3f;
overflow.hidden;
	margin: 0;
	border-bottom: 2px solid #fff;
}

h1#logo {
	background: url(images/im_logo.png) no-repeat;
	text-indent:-900px;
	overflow: hidden;
	border: 0px solid #666;
	margin: 0;
	height: 120px;
}

* html body h1#logo {
background: url(images/im_logo.gif) no-repeat;
}

#description {
	float: right;
	margin-top: 10px;
	text-align: right;
	border: 1px solid #666;
	display:none;
}

/* = menu
-----------------------------------------------------------------------------*/

#menu {
	clear: both;
	overflow: hidden;
	margin-bottom: -2px;
}
#menu li { 
	float: left; 
	margin-right: 6px; 
	margin-bottom: 2px;
}
* html body #menu li { 
margin-bottom: 0px;
}
#menu a {
	display: block;
	float:left;
	padding: .4em .7em;
	background: #a7c8d4 url(images/menu_bg.gif) right top;
	font-size: 18px;
	font-weight: bold;
	color:#0f1f3f;
	text-decoration:none;
	clear: none;
	*height: 1%;
*border-bottom:2px solid #fff;
}
* html body #menu a {
*border-bottom:0px solid #fff;
}
#menu a:hover { color: #FFFFB3; text-decoration: none;}
#menu li.current_page_item { margin-bottom: -2px; }
#menu li.current_page_item a {
	color: #FFFFB3; 
	background:#0f1f3f; 
	border: 2px solid #fff; 
	border-bottom: 2px solid #0f1f3f;
}
* html body #menu li.current_page_item a { 
border-bottom: 0px solid #0f1f3f;
}


/* =Typography (Global)
-----------------------------------------------------------------------------*/

a {
	color: #2B677C;
	text-decoration: none;
}

a:hover {
	color: inherit;
	text-decoration:underline;
}

/* Put it back on certain elements */
p, pre, blockquote, fieldset, table, form, dl {
	margin: 5px 0 5px 0;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
	color: #00A0C6;
	margin: .5em 0 .1em 0;
	padding:0;
	font-family: 'Trebuchet MS', Arial, sans-serif; 
	line-height: 120%;
	clear: left;
}
h1, h1 a, h2 a, h3 a {
	color: #2B677C;
	
}
h1 a:hover, h2 a:hover, h3 a:hover {
	color: #0f1f3f;
	text-decoration: none;
}
h1 {
	font-size: 160%;
}

h2 {
	font-size: 140%;
}

h3 {
	font-size: 120%;
}

h4 {
	font-size: 100%;
	font-weight: bold;
}
h5, h6 {
	color: inherit;
	font-size: 80%;
	font-weight: bold;
	margin: 0;
}
blockquote {
	border-left:2px solid #ddd;
	color:#999;
	font-style:italic;
	padding: 5px;
	margin: 6px 0 6px 15px;
}
pre, code {
	background: #fff;
	padding: 5px;
	margin: 6px 0 6px 15px;
	border: 1px solid #e5e5e5;
	overflow: auto;
	display: block;
	white-space: pre; 
	}

hr {
	border: 2px solid #ddd;
	height: 0px;
}
strong { font-weight: bold;}
q { font-style: italic;}

#primary ul {
	list-style: disc outside;
	margin: 0 0 .2em 2em;
	height: auto;
}
.content ul, .content  ol {
	margin: 0em 0 10px 0em;
}
dl dt { font-weight: bold; }
dl dd { margin: 0 0 .3em 1em;}
.small {
		font-size: 11px;
		margin: 0;
}
.large {
		font-size: 15px;
		line-height: 20px;
}
img.left {
	float: left;
	margin-right: .4em;
	margin-bottom: .4em;
}
img.right {
	float: right;
	margin-left: .4em;
	margin-bottom: .4em;
}
.hidden {
	display: none;
}

/* = Athlete siden
-----------------------------------------------------------------------------*/
.charmenu {
width: auto;
overflow:hidden;
font-size: 130%;
font-weight: bold;

}
.charmenu a {

margin-right: 3px;
padding: 4px;

font-size: 80%;
}
.athlete-wrapper {
	border: 0px solid #ddd;
	overflow: hidden;
}
.athlete {
border: 1px solid #ddd;
width: 150px;
height: 120px;
float: left;
text-align: center;
margin: 0 5px 5px 0;
padding: 5px;
background: #efefef;
}
.athlete h3, .athlete p {
margin: 0;
text-align:inherit;

}
.athlete p {
font-size: 90%;	
line-height: 1;
}
.athlete .label {
	font-weight: bold;
}
.athlete img {
height: 50px;
border: 2px solid #ccc;
background: #ddd;
padding: 4px;
}

/* =Post and pages
-----------------------------------------------------------------------------*/
.body-extended {
	margin-bottom: 0px;
border: 0px solid red;
}
.search-information {
	font-style: italic;
}
div.post {
margin-bottom: 10px;
border-bottom: 1px solid #ddd;
padding-bottom: 5px;
overflow: hidden;
*height: 1%;
clear:both;
}
.meta {
font-size: 90%;
color: #666;
overflow: hidden;
margin-bottom: 3px;
}
.meta span {
font-weight: bold;
}

/* Frontpage feature images */
.feature-images {
float: right;
margin-left: .4em;
margin-top: -1em;
}
.feature-images img {
border: 4px solid #a7c8d4;
margin-left: .4em;
}
.feature-images img:hover {
border: 4px solid #00A0C6;

}
/* = Secondary
-----------------------------------------------------------------------------*/
#secondary {
	color: #666;
}

#secondary h3 {
	color: inherit;
	font-size: 110%;
	
}
#secondary a {
	
}
#secondary ol.top-athletes li span {
	font-weight: bold;
}


/* =Tables
-----------------------------------------------------------------------------*/

table { 
	border-spacing: 0;
	border-collapse: collapse;
	border: 1px solid #ccc;
	width: 100%;
}

td {
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	padding:4px 4px;
	margin: 1px;
	border: 1px solid #ccc;
	background: #efefef;
}
th {
font-weight: bold;
background: #ddd;
border: 1px solid #ccc;
text-align: center;
padding:1px 4px;
}

table tr.altRow td {
background: #fff;
}
td.timetotal {
	font-weight: bold;
}
table.timetotal td.timetotal, table.timeswim td.timeswim, table.timebike td.timebike, table.timerun td.timerun {
	background: #FFFFB3;
}
table.timetotal th.timetotal, table.timeswim th.timeswim, table.timebike th.timebike, table.timerun th.timerun {
	background: #bbb;
}

/* =Forms
-----------------------------------------------------------------------------*/
form {
	overflow: hidden;
	border: 1px dotted #ddd;
	background: #eee;
	padding: 4px 6px;
	margin-bottom: 6px;
}
form input, form textarea {
	background: #fff;
	border: 1px solid #ccc;
	padding: 2px 4px;
	font-size: 110%;
	color: #666;

}
form input:hover {
	background: #FFFFB3;
}
form label {
	margin-bottom: 1em;
}
/* Removes fieldset borders. even on Opea 7 */
fieldset {
	border: 1px solid transparent;
}
input[type=submit] {
color: #0f1f3f;
background: #0f1f3f;
background: #a7c8d4 url(images/menu_bg.gif) right center;
border: 1px solid #a7c8d4;
font-weight: bold;
}
input[type=submit]:hover {
color: #FFFFB3;
background: #8A210A;
border: 1px solid #ae1800;
}
/* =Lightbox
-----------------------------------------------------------------------------*/

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/lightbox/prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/lightbox/next.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
